<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="format-detection" content="telephone=no" />
<title>票务信息</title>
<meta content="" name="keywords" />
<meta content="" name="description" />
<meta content="" name="copyright" />
<meta content="" name="author" />
<meta name="robots" content="noarchive">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript" src="js/urlTool.js"></script>
<script type="text/javascript" src="js/mescroll.min.js"></script>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mescroll.min.css">
</head>
<style>
    .mescroll {
        position: fixed;
        top: 1px;
        bottom: 50px;
        height: auto; /*如设置bottom:50px,则需height:auto才能生效*/
    }
</style>
<body>
<div id="mescroll" class="mescroll pb120">
    <!--头部-->
    <div class="return_top bgyellow">
        <a href="viewCenter.html">
            <span class="login_home cfff">景区中心</span>
        </a>
    </div>
    <!--//头部结束-->

    <div></div>
    <!-- 无票务信息开始 -->
    <!-- <div class="bgfff h90 pt150 hide">
        <div class="tickettype tc c666">
            <img src="temp/tickettype.png">
            <p class="mt70">您还没有添加相关卡</p>
        </div>
        <div class="car_cont">
            <button class="w100 car_cont_submit fz32 cfff">点击添加</button>
        </div>
    </div>     -->
    <!-- 无票务信息结束 -->
    <!-- 有票务信息开始 -->
    <div class="">        
        <div class="bgfff mb20 c333 pl20 pr20 pt20 pb20">
            <div class="clear">
                <p class="fl fz32 pb20 cblue">票价列表</p>
                <p class="fr mb20 viewtickettype_add cfff tc ml20" id="main" onclick="javascrtpt:window.location.href='viewtickettypeadd.html'">添加票型</p>
            </div>
            <div id="recordInfo"></div>
        </div>
    </div>
    <!--有票务信息结束 -->
</div>
<!--底部-->
<div class="footerpage"></div>
<!--//底部-->
</body>
<script id="tpl_no" type="text/html">
    <div class="bgfff h90 pt150">
        <div class="myorder tc c666"><img src="temp/noorder.png">
            <p class="mt70">暂无信息</p>
        </div>
    </div>
</script>
<script>
$(".footerpage").load("footer.html",'',function() {    
    $('#myCenter').addClass("select-two").children().attr("class","myCenterclick");
});
var mescroll = new MeScroll("mescroll", { //第一个参数"mescroll"对应上面布局结构div的id (1.3.5版本支持传入dom对象)
    //如果您的下拉刷新是重置列表数据,那么down完全可以不用配置,具体用法参考第一个基础案例
    //解析: down.callback默认调用mescroll.resetUpScroll(),而resetUpScroll会将page.num=1,再触发up.callback
    down: {
        //callback: downCallback //下拉刷新的回调,别写成downCallback(),多了括号就自动执行方法了
    },
    up: {
        auto: true,//是否在初始化完毕之后自动执行一次上拉加载的回调
        callback: upCallback, //上拉加载的回调
        //以下是一些常用的配置,当然不写也可以的.
        page: {
            num: 0, //当前页 默认0,回调之前会加1; 即callback(page)会从1开始
            size: 10 //每页数据条数,默认10
        },
        htmlNodata: '<p class="upwarp-nodata">-- 到底啦 --</p>',
        noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于5才显示无更多数据;
        //避免列表数据过少(比如只有一条数据),显示无更多数据会不好看
        //这就是为什么无更多数据有时候不显示的原因.
        clearId: 'recordInfo',//加载第一页时需清空数据的列表id
        empty: {
            //列表第一页无任何数据时,显示的空提示布局; 需配置warpId才显示
            warpId: "recordInfo", //父布局的id (1.3.5版本支持传入dom元素)
            tip: $("#tpl_no").html() //提示
        }
    }
});

//上拉加载的回调 page = {num:1, size:10}; num:当前页 默认从1开始, size:每页数据条数,默认10
function upCallback(page) {
    var pageNum = page.num; // 页码, 默认从1开始 如何修改从0开始
    var pageSize = page.size; // 页长, 默认每页10条
    sm.req({
        url: '/sysShop/getMyProList'
        ,data: {page:pageNum,limit:pageSize}
        ,done: function (res) {
            var nolist = '';
            var _str = '';                
            var totalSize = res.count; // 接口返回的总数据量(比如列表有26个数据,每页10条,共3页; 则totalSize值为26)
            //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
            //必传参数(当前页的数据个数, 总数据量)
            mescroll.endBySize(res.data.length, totalSize);
            //设置列表数据
            if(res.data.length > 0){
                for(var i=0;i<res['data'].length;i++){
                    img_attPath = res['data'][i]['proPicList'].length==0?'temp\/noimg.png':fileUrl+res['data'][i]['proPicList'][0]['attPath'];
                    _str +='<div class="bgfff mb20 c333 w100 clear">'
                            +'<a href="viewticketinfo.html?id='+res.data[i].id+'" class="fl tickettype_a">'
                            +'<div class="fl viewtickettype_scenery"><img src="'+img_attPath+'"></div>'
                            +'<div class="fr viewtickettype_content clear">'
                            +'<p class="modify fz28">'+res['data'][i]['proName']+'</p>'
                            +'<p class="c999 modify">市场价:<span class="textthrough">'+((res['data'][i]['proPrice'])*0.01).toFixed(2)+'</span><span class="cred pl20">会员价:</span><span class="cred">'+((res['data'][i]['proMemberPrice'])*0.01).toFixed(2)+'</span></p>'
                            +'<p class="c999 modify"><span>每日数量:</span><span>'+res['data'][i]['proNum']+'</sapn></p>'                             
                            +'<p class="t-ell">'+res['data'][i]['proMsg']+'</p>'   
                            +'</div>'   
                            +'</a>'
                            +'<div class="fr tickettype_button">'
                            +'<button class="fr viewtickettype_button cfff mt10 fz26" onclick="javascrtpt:window.location.href=\'viewtickettypeadd.html?id='+res.data[i].id+'\'">点击修改</button>'
                            +'<button class="fr viewtickettype_button cfff mt10 fz26 del" id="'+res.data[i].id+'" type="button">点击删除</button>'
                            +'<p class="fr cfff mt10 fz26 proStatus '+(res['data'][i]['proStatus'] == '0' ? 'grey' : 'blue')+'" id="'+res.data[i].id+'" pro_status="'+res.data[i].proStatus+'">'+(res['data'][i]['proStatus'] == '0' ? '下架' : '上架')+'</p>'                            
                            +'</div>'
                    +'</div>';
                }
                $('#recordInfo').append(_str);
            }
        },
        error: function (e) {
            //联网失败的回调,隐藏下拉刷新和上拉加载的状态
            mescroll.endErr();
        }
    })
}

// click
$(document).on('touchend','.del',function(){
    var id = $(this);
    // alert(id.attr('id'));
    layer.open({
        content: '确定要删除这条信息吗？'
        ,btn: ['确定', '取消']
        ,yes: function(index){
            sm.req({
                url: '/sysProduct/del',
                dataType:'json',
                type:'post',
                data: {'id':id.attr('id')},
                done: function (res){
                    id.parent().parent().remove();
                }
            })
            layer.close(index);
        }
    });
    
    return false;
})

$(document).on('touchend','.proStatus',function(){
    var id = $(this);    
    var proStatus = id.attr('pro_status')==0?1:0;
    layer.open({
        content: '确定要'+(proStatus == '0' ? '下架' : '上架')+'产品吗？'
        ,btn: ['确定', '取消']
        ,yes: function(index){
            sm.req({
                url: '/sysProduct/changeStatus',
                dataType:'json',
                type:'post',
                data: {'id':id.attr('id'),proStatus:proStatus},
                done: function (res){
                    if(res.code==200){
                        if(proStatus==0){
                            id.html('下架').removeClass('blue').addClass('grey');
                        }else{
                            id.html('上架').removeClass('grey').addClass('blue');
                        }                        
                        id.attr('pro_status',proStatus);
                    }
                }
            })
            layer.close(index);
        }
    });
    
    return false;
})
</script>
</html>